<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<title>扫码支付</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport"
	content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<style>
.logo {
	width: 86px;
	height: 20px;
	margin: auto;
	display: block;
	background: url(../resources/img/logo.png) no-repeat top center;
	background-size: 86px 18px;
	padding-top: 10px
}

table, th, td {
	border: 1px solid blue;
}

html, body {
	margin: 0;
	height: 99%;
	background-color: #F5F5F5
}

.ch {
	width: 100%;
	margin: auto;
	height: auto;
	overflow: hidden;
	font-size: 16px;
}

.ch .up, .ch .ap {
	float: none;
	display: inline-block;
	width: 100%;
	margin-bottom: 28px;
	padding: 14px;
	color: #4d4d4d;
	text-align: center;
	color: #4d4d4d;
	text-align: center;
	font-weight: 100;
	line-height: 2;
}

.weui-footer {
	color: @weuiTextColorGray;
	font-size: 14px;
	text-align: center;
}

.weui-footer_fixed-bottom {
	position: fixed;
	bottom: .52em;
	left: 0;
	right: 0;
}

.weui-footer__text {
	padding: 0 .34em;
	font-size: 12px;
}
</style>
</head>

<body>

	<section class="block">
		<div class="content2">
			<div class="app">
				<label class="text_amount" style="font-size: 12pt; display: none;"> 通行费金额 <b id="amount"
					style="margin-left: 20px; font-style: normal; font-size: 1.6em;">${data.mhtOrderAmtStr}</b>元
					<form action="https://pay.ipaynow.cn/" METHOD=POST>
						功能码：<input type=text name="funcode" value="${data.funcode}" /><br> 应用ID:<input type=text name="appId"
							value="${data.appId}" /><br> 商户订单号：<input type=text name="mhtOrderNo" value="${data.mhtOrderNo}" /><br>
						商户订单名称：<input type=text name="mhtOrderName" value="${data.mhtOrderName}" /><br> 版本号：<input type=text
							name="version" value="${data.version}" /><br> 币种：<input type=text name="mhtCurrencyType" value="156" /><br>
						金额：<input type=text name="mhtOrderAmt" value="${data.mhtOrderAmt}" /><br> 订单详情：<input type=text
							name="mhtOrderDetail" value="${data.mhtOrderDetail}" /><br> 订单类型：<input type=text name="mhtOrderType"
							value="${data.mhtOrderType}" /><br> 订单时间：<input type=text name="mhtOrderStartTime"
							value="${data.mhtOrderStartTime}" /><br> 后台通知URL：<input type=text name="notifyUrl"
							value="${data.notifyUrl}" /><br> 前台通知URL：<input type=text name="frontNotifyUrl"
							value="${data.frontNotifyUrl}" /><br> 字符集：<input type=text name="mhtCharset" value="UTF-8" /><br>
						设备类型：<input type=text name="deviceType" value="${data.deviceType}" /><br> 输出格式：<input type=text
							name="outputType" value="${data.outputType}" /><br> 商户保留域：<input type=text name="mhtReserved"
							value="${data.mhtReserved}"><br> 支付渠道：<input type=text name="payChannelType"
							value="${data.payChannelType}"><br> 签名类型：<input type=text name="mhtSignType"
							value="${data.mhtSignType}" /><br> 数字签名：<input type=text name="mhtSignature" value="${data.mhtSignature}" /><br>
						<button id="bsub" type=submit>确认订单</button>
					</form>
				</label>
			</div>
		</div>

		<div style="">
			<img src="../resources/img/zzzf.png" width="100%" height="auto">
		</div>
		<div class="ch">
			<span id="status"><span id="info" class='up'>正在支付 请稍后</span></span>

		</div>
		<div class="weui-footer weui-footer_fixed-bottom">

			<p class="weui-footer__text" style="color: #000; margin-top: 5px;">
				<img height="10px" src="../resources/img/logo.png" />
			<div style="width: 100%; text-align: center; color: #A9A9A9; font-size: 12px; font-family: FangSong">北京路盟科技有限公司</div>
			</p>
		</div>

	</section>
	
	<script type="text/javascript">
		window.onload = function() {
			if ('${data.isok}' == '1') {
				document.getElementById("status").innerHTML = " <span class='up' >该订单已支付</span>";
				return;
			}
			var bsub = document.getElementById("bsub");
			if ('${data.mhtOrderAmtStr}') {
				bsub.click();
			} else {
				document.getElementById("status").innerHTML = " <span class='up' >请使用微信或者支付宝打开进行扫码支付</span>";
			}
		}
	</script>
</body>
</html>
